*{margin: 0px;padding: 0px;list-style: none;font-weight: 500;}
html{font-size: calc(100/750*100vw);background-color: #fafafa;}
body{background-color: #fafafa;}
/*底部菜单*/
.mui-slider{height: 3.8rem;}
#menu{background-color: #fafafa;display: flex;border-top: 1px solid #d7d7d7;position: fixed;bottom: 0;width: 100%;}
#menu > a{flex: 1;display: inline-block;font-size: 0.22rem;text-align: center;padding-top: 0.60rem;color: #909090;}
#menu > .sy{background: url(../img/1.png) no-repeat center 0.1rem;background-size: 0.74rem 0.51rem;}
#menu > .kcpx{background: url(../img/2.png) no-repeat center 0.1rem;background-size: 0.5rem 0.5rem;}
#menu > .sc{background: url(../img/3.png) no-repeat center 0.1rem;background-size: 0.5rem 0.5rem;}
#menu > .wd{background: url(../img/4.png) no-repeat center 0.1rem;background-size: 0.5rem 0.5rem;}
#menu > .my{background: url(../img/5.png) no-repeat center 0.1rem;background-size: 0.5rem 0.5rem;}
#menu > .sy.show{background-image: url(../img/1s.png);color: #8fc31f;}
#menu > .kcpx.show{background-image: url(../img/2s.png);color: #8fc31f;}
#menu > .sc.show{background-image: url(../img/3s.png);color: #8fc31f;}
#menu > .wd.show{background-image: url(../img/4s.png);color: #8fc31f;}
#menu > .my.show{background-image: url(../img/5s.png);color: #8fc31f;}

body > section{display: none;}
body > section.show{display: block;padding-bottom: 0.98rem;}
/*首页*/
body > .sy{padding-bottom: 0.98rem;}
/*课程分类*/
#lectureType{height: 0.7rem;display: flex;background: #fafafa;border-bottom: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;box-shadow: 0 0 10px 0 #ccc;}
#lectureType > li{list-style: none;flex: 1;text-align: center;line-height: 0.7rem;font-size: 0.3rem;color: #6e6e6e;}
#lectureType > li.sl{color: #8fc31f;border-bottom: 1px solid #8fc31f;}
/*课程列表*/
#lectureList{background: #fafafa;}
#lectureList > li{display: none;}
#lectureList > li.show{display: block;}
#lectureList > li > h3,#recommend > h3,#offlineLesson > h3,#pastLesson > h3{font-size: 0.3rem;font-weight: 500;text-align: center;color: #8fc31f;line-height: 0.7rem;margin-bottom: -0.1rem;}
#lectureList > li > h3 > span,#offlineLesson > h3 > span,#recommend > h3 > span,#pastLesson > h3 > span{display: inline-block;margin: 0 0.1rem;width: 0.35rem;height: 100%;}
#lectureList > li > h3 > span:first-of-type,#offlineLesson > h3 > span:first-of-type,#pastLesson > h3 > span:first-of-type{background: url(../img/title_left.png) no-repeat center;background-size: 0.32rem 0.15rem;}
#lectureList > li > h3 > span:last-of-type,#offlineLesson > h3 > span:last-of-type,#pastLesson > h3 > span:last-of-type{background: url(../img/title_right.png) no-repeat center;background-size: 0.32rem 0.15rem;}
#lectureList ol > li,#recommend ol > li,#offlineLesson > ol > li,.kcpxList ol > li,#pastLesson ol > li{background: #fff;padding: 0.2rem;overflow: hidden;width:7rem;box-shadow: 0 0 10px 0 #ccc;border-radius: 5px;margin: 0.2rem auto;}
#lectureList > li img,#recommend ol > li img,#offlineLesson ol > li img,.kcpxList ol > li img,#pastLesson ol > li img{width: 2rem;height: 1.7rem;float: left;}
#lectureList > li div,#recommend ol > li div,#offlineLesson ol > li div,.kcpxList ol > li div,#pastLesson ol > li div{float: right;width: 4.45rem;height: 1.7rem;overflow: hidden;}
#lectureList > li h4,#recommend ol > li h4,#offlineLesson ol > li h4,.kcpxList ol > li h4,#pastLesson ol > li h4{font-size: 0.26rem;color: #323232;line-height: 0.4rem;margin: 0;}
#lectureList > li p,#recommend ol > li p,#offlineLesson ol > li p,.kcpxList ol > li p,#pastLesson ol > li p{margin-bottom: 0;font-size: 0.22rem;}
#lectureList > li p > del,#recommend ol > li p > del,#offlineLesson ol > li p > del,.kcpxList ol > li p > del,#pastLesson ol > li p > del{float: right;}
#lectureList > li p > span,#recommend ol > li p > span,#offlineLesson ol > li p >span,.kcpxList ol > li p > span,#pastLesson ol > li p > span{float: right;color: #8fc31f;}

/*课程培训页*/
body > .kcpx{padding-bottom: 0.98rem;}
.kcpx > img{width:100%;display: block;height: 3.8rem;}
#trainClass{display: flex;box-shadow: 0 0 10px 0 #ccc;border-bottom:1px solid #ccc;height: 0.7rem;}
#trainClass > li{flex: 1;text-align: center;font-size: 0.3rem;line-height: 0.7rem;color: #6e6e6e;}
#trainClass > li.sl{color: #8fc31f;border-bottom: 1px solid #8fc31f;}
#trainContent > li{display: none;}
#trainContent > li.sl{display: block;}
#onlineLesson{display: flex;padding:0.2rem 0;margin:0.1rem auto 0;background: #fff;}
#onlineLesson > a{flex: 1;text-align: center;}
#onlineLesson > a > img{width: 1.15rem;}
#onlineLesson > a > span{font-size: 0.28rem;color: #8fc31f;}
#recommend{padding: 0 0.2rem 0.2rem;}
#recommend > h3 > span:first-of-type{background: url(../img/title_left2.png) no-repeat center;background-size: 0.32rem 0.15rem;}
#recommend > h3 > span:last-of-type{background: url(../img/title_right2.png) no-repeat center;background-size: 0.32rem 0.15rem;}
#queryType{background: #fff url(../img/down.png) no-repeat 6.8rem center;background-size: 0.25rem 0.15rem;margin: 0.15rem auto 0;font-size: 0.26rem;}
#queryType+input{font-size: 0.26rem;margin: 0;}
#addr{font-size: 0.26rem;padding: 0.15rem 0.3rem;overflow: hidden;background: #fff;display: none;}
#addr > p{float: right;width: 5.5rem;}
#addr+button{width:80%;margin: 0.3rem 0.75rem;line-height: 0.5rem;}
#addr+button+a{float: right;font-size: 0.26rem;color: #8FC320;margin-right: 0.3rem;}
#offlineLesson > span,#pastLesson > span{display: block;line-height: 0.6rem;font-size: 0.26rem;width: 2.5rem;color: #6e6e6e;margin: 0 auto;text-align: center;}
#offlineLesson > span > img,#pastLesson > span > img{width: 0.35rem;vertical-align: text-bottom;}


/*我的*/
#outline{padding: 0.3rem 0.5rem;background: #fff;overflow: hidden;}
#outline > img{border-radius: 50%;width: 1.5rem;height: 1.5rem;border: 1px solid #ccc;float: left;margin-right: 0.2rem;}
#outline > p{line-height: 0.5rem;margin: 0;color: #000;}
#outline > p:first-of-type{margin-top: 0.3rem;}
#outline p strong{font-weight: 500;font-size: 0.3rem;}
#outline p span{font-size: 0.28rem;float: right;}
#outline p b{float: right;font-size: 0.35rem;color: #8FC31F;}
#outline p em{font-style: normal;font-size: 0.22rem;}
#outline > span{border: 1px solid #8FC31F;font-size: 0.22rem;padding: 0 0.2rem;border-radius: 0.3rem;color: #8FC31F;display: inline-block;margin:0.1rem 4.5rem 0 0;}

.mui-grid-view.mui-grid-9{border: none;background: #fff;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{border: none;padding-top: 0;padding-bottom: 0;position: relative;}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 0.28rem;height: 0.45rem;line-height: 0.45rem;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell img{width: 100%;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn).wkt{opacity: 0.3;}
